// 个人中心
<template>
  <div class="Spacebox">
    <div class="user-info">
      <UserInfo/>
    </div>
    <div class="bookshelf-box">
      <TabComponents/>
    </div>
  </div>
</template>

<script setup>
  import { ref } from 'vue';
  import TabComponents from './SpaceComponents/TabComponents.vue'
  import UserInfo from './SpaceComponents/userInfo.vue'
</script>

<style scoped>
  h1 {
    letter-spacing: 3px;
    font-size:30px;
  }
 
  .bookshelf-box{
    background-color: white;
    width: 97%;
    height:550px;
    border-radius: 15px;
    margin-top: 3%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 2px 1px 19px rgba(0, 0, 0, 0.1);
  } 

</style>